<template>
  <h1>属性绑定指令</h1>
  <input type="text" value="name">
  <!-- 属性绑定:将value属性的值交给绑定的name变量来控制 -->
  <input type="text" v-bind:value="name">
  <!-- 属性绑定的简写形式 -->
  <input type="text" :value="name">
  <hr>
  <a href="url">超链接</a>
  <a :href="url">超链接</a>
</template>

<script setup>
import {ref} from "vue";
const name = ref('tom');

const url = ref('https://www.baidu.com');
url.value = 'https://www.tmooc.cn';
</script>

<style scoped>

</style>